<!DOCTYPE html>
<html>
	<head>
		<!-- Meta -->
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />

		<!-- Document title -->
		<title>班级成绩分析</title>

		<meta name="description" content="AppUI - Admin Dashboard Template & UI Framework" />
		<meta name="author" content="rustheme" />
		<meta name="robots" content="noindex, nofollow" />


		<!-- Favicons -->
		<link rel="apple-touch-icon" href="assets/img/favicons/apple-touch-icon.png" />
		<link rel="icon" href="assets/img/favicons/favicon.ico" />

		<!-- Google fonts -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,900%7CRoboto+Slab:300,400%7CRoboto+Mono:400" />

		<!-- Page JS Plugins CSS -->
		<link rel="stylesheet" href="assets/js/plugins/slick/slick.min.css" />
		<link rel="stylesheet" href="assets/js/plugins/slick/slick-theme.min.css" />

		<!-- AppUI CSS stylesheets -->
		<link rel="stylesheet" id="css-font-awesome" href="assets/css/font-awesome.css" />
		<link rel="stylesheet" id="css-ionicons" href="assets/css/ionicons.css" />
		<link rel="stylesheet" id="css-bootstrap" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" id="css-app" href="assets/css/app.css" />
		<link rel="stylesheet" id="css-app-custom" href="assets/css/app-custom.css" />
		<!-- End Stylesheets -->

		<!-- 引入自定义的css文件 -->
		<link rel="stylesheet" href="assets/css/classAnalyze.css" />
		<!-- 引入JQuery -->
		<script src="assets/js/jquery.min.js"></script>
		<script>
			$(function(){
				//给选择考试绑定点击事件
				$('.app-layout-content>header>span').click(function(){
					$(".dialog").toggle(100)
				})
				
				//给弹出框绑定单击事件
				$(".el-dialog-headerbtn").click(function(){
					$(".dialog").hide()
				})
			})
		</script>
	</head>
	<body class="app-ui layout-has-drawer layout-has-fixed-header">
		<div class="app-layout-canvas">
			<div class="app-layout-container">

				<!-- Drawer -->
				<aside class="app-layout-drawer">

					<!-- Drawer scroll area -->
					<div class="app-layout-drawer-scroll">
						<!-- Drawer logo -->
						<div id="logo" class="drawer-header">
							<a href="index.html">
								<h4 style=" text-align:center">云阅卷</h4>
							</a>
						</div>

						<!-- Drawer navigation -->
						<nav class="drawer-main">
							<ul class="nav nav-drawer">


								<li class="nav-item nav-drawer-header">菜单导航</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-calculator-outline"></i>考试管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examList.html">考试列表</a>
										</li>

										<li>
											<a href="createExam.html">创建考试</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-compose-outline"></i> 在线阅卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examSetting.html">阅卷设置</a>
										</li>

										<li>
											<a href="examPapers.html">我要阅卷</a>
										</li>

										<li>
											<a href="examProblemPapers.html">问题卷处理</a>
										</li>
										<li>
											<a href="examProgress.html">进度监控</a>
										</li>

										<li>
											<a href="examQuality.html">质量抽查</a>
										</li>

									</ul>
								</li>


								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-list-outline"></i> 成绩管理</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="examReport.html">考试成绩单</a>
										</li>

										<li>
											<a href="examSubReport.html">单科试题得分表</a>
										</li>

										<li>
											<a href="gradeAnalyze.html">年纪成绩分析</a>
										</li>

										<li>
											<a href="classAnalyze.html">班级成绩分析</a>
										</li>

									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-ios-browsers-outline"></i> 教师讲卷</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="scoreAndPapers.html">成绩与答卷</a>
										</li>

										<li>
											<a href="highScoreComposition.html">高分作文</a>
										</li>

										<li>
											<a href="topicScore.html">试题得分情况</a>
										</li>

										<li>
											<a href="subAnalyzeReport.html">学科分析报表</a>
										</li>
									</ul>
								</li>

								<li class="nav-item nav-item-has-subnav">
									<a href="javascript:void(0)"><i class="ion-social-javascript-outline"></i> 用户中心</a>
									<ul class="nav nav-subnav">

										<li>
											<a href="schoolManager.html">学校管理</a>
										</li>

										<li>
											<a href="subManager.html">学科管理</a>
										</li>

										<li>
											<a href="gradeManager.html">年级管理</a>
										</li>

										<li>
											<a href="gradeAndSubManager.html">年级与学科关系维护</a>
										</li>

										<li>
											<a href="teaManager.html">教师管理</a>
										</li>

										<li>
											<a href="classManager.html">班级管理</a>
										</li>

										<li>
											<a href="stuManager.html">学生管理</a>
										</li>

										<li>
											<a href="subAdnClassAnager.html">学科与班级关系维护</a>
										</li>
									</ul>
								</li>

							</ul>
						</nav>
						<!-- End drawer navigation -->

						<div class="drawer-footer">
							<p class="copyright">Copyright &copy; 2020.北京万邦易嵌科技有限公司.<a target="_blank" href="http://www.wanbangee.com">万邦易嵌</a></p>
						</div>
					</div>
					<!-- End drawer scroll area -->
				</aside>
				<!-- End drawer -->

				<!-- Header -->
				<header class="app-layout-header">
					<nav class="navbar navbar-default">
						<div class="container-fluid">
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar-collapse"
								 aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<button class="pull-left hidden-lg hidden-md navbar-toggle" type="button" data-toggle="layout" data-action="sidebar_toggle">
									<span class="sr-only">Toggle drawer</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<span class="navbar-page-title">

									Dashboard
								</span>
							</div>

							<div class="collapse navbar-collapse" id="header-navbar-collapse">
								<!-- Header search form -->
								<form class="navbar-form navbar-left app-search-form" role="search">
									<div class="form-group">
										<div class="input-group">
											<input class="form-control" type="search" id="search-input" placeholder="Search..." />
											<span class="input-group-btn">
												<button class="btn" type="button"><i class="ion-ios-search-strong"></i></button>
											</span>
										</div>
									</div>
								</form>

								<ul id="main-menu" class="nav navbar-nav navbar-left">
									<li class="dropdown">
										<a href="#" data-toggle="dropdown">English <span class="caret"></span></a>

										<ul class="dropdown-menu">
											<li><a href="javascript:void(0)">French</a></li>
											<li><a href="javascript:void(0)">German</a></li>
											<li><a href="javascript:void(0)">Italian</a></li>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" data-toggle="dropdown">Pages <span class="caret"></span></a>

										<ul class="dropdown-menu">
											<li><a href="javascript:void(0)">Analytics</a></li>
											<li><a href="javascript:void(0)">Visits</a></li>
											<li><a href="javascript:void(0)">Changelog</a></li>
										</ul>
									</li>
								</ul>
								<!-- .navbar-left -->

								<ul class="nav navbar-nav navbar-right navbar-toolbar hidden-sm hidden-xs">
									<li>
										<!-- Opens the modal found at the bottom of the page -->
										<a href="javascript:void(0)" data-toggle="modal" data-target="#apps-modal"><i class="ion-grid"></i></a>
									</li>

									<li class="dropdown">
										<a href="javascript:void(0)" data-toggle="dropdown"><i class="ion-ios-bell"></i> <span class="badge">3</span></a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">Profile</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> News </a>
											</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> Messages </a>
											</li>
											<li class="divider"></li>
											<li class="dropdown-header">More</li>
											<li>
												<a tabindex="-1" href="javascript:void(0)">Edit Profile..</a>
											</li>
										</ul>
									</li>

									<li class="dropdown dropdown-profile">
										<a href="javascript:void(0)" data-toggle="dropdown">
											<span class="m-r-sm">John Doe <span class="caret"></span></span>
											<img class="img-avatar img-avatar-48" src="assets/img/avatars/avatar3.jpg" alt="User profile pic" />
										</a>
										<ul class="dropdown-menu dropdown-menu-right">
											<li class="dropdown-header">
												Pages
											</li>
											<li>
												<a href="base_pages_profile.html">Profile</a>
											</li>
											<li>
												<a href="base_pages_profile.html"><span class="badge badge-success pull-right">3</span> Blog</a>
											</li>
											<li>
												<a href="frontend_login_signup.html">Logout</a>
											</li>
										</ul>
									</li>
								</ul>
								<!-- .navbar-right -->
							</div>
						</div>
						<!-- .container-fluid -->
					</nav>
					<!-- .navbar-default -->
				</header>
				<!-- End header -->

				<main class="app-layout-content">
					<!-- 主体头 -->
					<header>
						<h2>班级成绩分析</h2>
						<span>选择考试<img src="assets/img/myImgs/entrance.png" /></span>
						<div class="dialog">
							<div class="el-dialog__header">
								<span class="el-dialog__title">选择考试</span>
								<button class="el-dialog-headerbtn">X</button>
							</div>
							<div class="el-dialog__body">
								<form class="el-form selectOptionWindow">
									<div class="el-form-item">
										<label class="el-form-item__label" style="width: 50px;">年级:</label>
										<div class="el-select selectListLi">
											<select id="el-select-grade">
												<option value="volvo">Volvo</option>
												<option value="saab">Saab</option>
												<option value="opel">Opel</option>
												<option value="audi">Audi</option>
											</select>
										</div>
									</div>
									<div class="el-form-item">
										<label class="el-form-item__label" style="width: 50px;">班级:</label>
										<div class="el-select selectListLi">
											<select id="el-select-class">
												<option value="volvo">Volvo</option>
												<option value="saab">Saab</option>
												<option value="opel">Opel</option>
												<option value="audi">Audi</option>
											</select>
										</div>
									</div>
									<div class="el-form-item">
										<label class="el-form-item__label" style="width: 50px;">考试:</label>
										<div class="el-select selectListLi">
											<select id="el-select-exam">
												<option value="volvo">Volvo</option>
												<option value="saab">Saab</option>
												<option value="opel">Opel</option>
												<option value="audi">Audi</option>
											</select>
										</div>
									</div>
									<div class="el-form-item">
										<button class="windowbutton">取消</button>
										<button class="windowbutton buleB" id="ensure" type="button">确定</button>
									</div>
								</form>
							</div>
						</div>
					</header>
					<!-- 班级总体情况 -->
					<div class="class-total-entrance">
						<div class="classAnalyzeHeadLeft">
							<ul>
								<li>
									<h4>平均分</h4>
									<p class="headred">
										59.9 分
									</p>
								</li>
								<li>
									<h4>排名</h4>
									<p>1</p>
								</li>
								<li>
									<h4>排名变化</h4>
									<p>1</p>
								</li>
							</ul>
						</div>
						<div class="summarizingHeadRight">
							<span>高一(1)班</span>
							<span>班主任：郭靖</span>
							<span>人数：12</span>
						</div>
					</div>

					<!-- 班级各科分析 -->
					<div class="analyzeContent">
						<div class="analyzeContentHead">
							<div class="CHtitle">
								<h3>各科目情况</h3>
								<span>看得见的学业成长</span>
							</div>
							<div class="downButton">下载成绩分析</div>
						</div>
						<div class="analyzeContentList clearfix">
							<ul id="subInfo">
								<li>
									<div class="listTitle headtop">
										<span class="titleLeft">语文</span>
										<div class="titleRight">任课老师：杨过</div>
									</div>
									<div class="listTitleCon">
										<div class="listTitleConLeft">42.3 &nbsp;分</div>
										<div class="ClasslistTitleConRight">
											<p>排名:&nbsp;&nbsp;2</p>
											<p>变化:&nbsp;&nbsp;1</p>
										</div>
									</div>
									<div class="probability">
										<ul>
											<li>优秀率：0.00% (0人)</li>
											<li>良好率：0.00% (0人)</li>
											<li>及格率：0.00% (0人)</li>
										</ul>
									</div>
									<div class="listTitle">
										<span class="titleLeft">最高分：92</span>
										<div class="titleRight titleRightRED">最低分：0</div>
									</div>
								</li>
								<li>
									<div class="listTitle headtop">
										<span class="titleLeft">语文</span>
										<div class="titleRight">任课老师：杨过</div>
									</div>
									<div class="listTitleCon">
										<div class="listTitleConLeft">42.3 &nbsp;分</div>
										<div class="ClasslistTitleConRight">
											<p>排名:&nbsp;&nbsp;2</p>
											<p>变化:&nbsp;&nbsp;1</p>
										</div>
									</div>
									<div class="probability">
										<ul>
											<li>优秀率：0.00% (0人)</li>
											<li>良好率：0.00% (0人)</li>
											<li>及格率：0.00% (0人)</li>
										</ul>
									</div>
									<div class="listTitle">
										<span class="titleLeft">最高分：92</span>
										<div class="titleRight titleRightRED">最低分：0</div>
									</div>
								</li>
								<li>
									<div class="listTitle headtop">
										<span class="titleLeft">语文</span>
										<div class="titleRight">任课老师：杨过</div>
									</div>
									<div class="listTitleCon">
										<div class="listTitleConLeft">42.3 &nbsp;分</div>
										<div class="ClasslistTitleConRight">
											<p>排名:&nbsp;&nbsp;2</p>
											<p>变化:&nbsp;&nbsp;1</p>
										</div>
									</div>
									<div class="probability">
										<ul>
											<li>优秀率：0.00% (0人)</li>
											<li>良好率：0.00% (0人)</li>
											<li>及格率：0.00% (0人)</li>
										</ul>
									</div>
									<div class="listTitle">
										<span class="titleLeft">最高分：92</span>
										<div class="titleRight titleRightRED">最低分：0</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</main>

			</div>
			<!-- .app-layout-container -->
		</div>
	</body>

		
	<script>
		$(function(){
			/* 路由网关路径 */
			var url = "http://localhost:6630/wanbangee/exam-statistic"
			
			/* 模拟当前登陆人信息：学校ID：1 */
			var schId = 1;
			var graId = 0;
			var claId = 0;
			var examId = 0;
			findAllGrade();
			/* 查询当前登录人所在学校的所有年级 */
			function findAllGrade() {
				var gardeNameContext = "";
				$.ajax({
					type: "get",
					url: url + "/gradeScoreAnalyze/selectGradeBySchId/" + schId,
					success: function(data) {
						if (data.code == 1001) {
							/* 数据返回成功 */
							var uGrade = data.uGrade; //年级信息集合
							for (var i = 0; i < uGrade.length; i++) {
								if (i == 0){
									gardeNameContext += "<option value='" + uGrade[i].graId + "' selected>" + uGrade[i].graNm + "</option>"
									graId = uGrade[i].graId;
								}else{
									gardeNameContext += "<option value='" + uGrade[i].graId + "'>" + uGrade[i].graNm + "</option>"
								}
							}
						}  else {
							gardeNameContext += "<option value='" + data.code + "'>" + data.msg + "</option>"
						} 
						$('#el-select-grade').html(gardeNameContext);
						findAllClass();
					}
				})
				 
			}
			
			/* 根据所选择年级查询所有班级 */
			function findAllClass() {
				var classNameContext = "";
				$.ajax({
					type: "GET",
					url: url + "/classScoreAnalyze/selectClassByGraId/" + graId,
					success: function(data) {
						if (data.code == 1001) {
							/* 数据返回成功 */
							var uClass = data.uClasss; //班级信息集合
							for (var i = 0; i < uClass.length; i++) {
								if(i == 0){
									classNameContext += "<option value='" + uClass[i].claId + "' selected>" + uClass[i].claNm + "</option>"
									claId = uClass[i].claId;
								}else{
									classNameContext += "<option value='" + uClass[i].claId + "'>" + uClass[i].claNm + "</option>"
								}
							}
						} else {
							classNameContext += "<option value='" + data.code + "'>" + data.msg + "</option>"
						} 
						$('#el-select-class').html(classNameContext);
						findAllExam();
					}
				});
			
			}
			
			
			/* 根据所选班级查询此班级所有考试 */
			function findAllExam() {
				var examNameContext = ""; 
				$.ajax({
					type: "get",
					url: url + "/classScoreAnalyze/selectExamByClaId/"+claId,
					success: function(data) {
						if (data.code == 1001) {
							/* 数据返回成功 */
							var mExams = data.mExams; //班级信息集合
							for (var i = 0; i < mExams.length; i++) {
								if(i == 0){
									examNameContext += "<option value='" + mExams[i].examId + "'selected>" + mExams[i].examNm + "</option>"
								}else{
									examNameContext += "<option value='" + mExams[i].examId + "'>" + mExams[i].examNm + "</option>"
								}
							}
						}else {
							examNameContext += "<option value='" + data.code + "'>" + data.msg + "</option>"
						} 
						$('#el-select-exam').html(examNameContext);
					}
				});
			}
			
			//级联select:一级select的值发生改变，触发二级的选项改变
			$("#el-select-grade").change(function() {
				//清空二级和三级select的旧选项
				$("#el-select-class").empty();
				$("#el-select-exam").empty(); 
			
				//获得一级select的值
				graId = $("#el-select-grade").eq(0).val();
				//根据一级select的值，异步获取数据更新二级的选项             
				findAllClass();
				
				//获取二级select的值，异步获取数据更新三级的选项 
				claId = $("#el-select-class").eq(0).val();
			});
			
			//级联select:二级select值改变，触发三级select变化
			$("#el-select-class").change(function() {
				//清空三级slect的旧选项                
				$("#el-select-exam").empty();
				
				//二级select的值
				claId = $("#el-select-class").eq(0).val();
				//根据二级select的值，异步获取数据更新三级的选项  
				if(claId != null){
					findAllExam()
				}
				
			});
			
			/* 查询班级总分平均分/班级名称/班主任/人数/平均分排名/排名变化 */
			function findExamClassInfo(claId,examId) {
				var infoContext = "";
				$.ajax({
					type: "get",
					url: url + "/classScoreAnalyze/selectExamClassInfo",
					data: {
						claId:claId,
						examId:examId
					},
					success: function(data) {
						if(data.code == 1001){
							//数据返回成功
							//<div class="class-total-entrance">
							infoContext += "<div class='classAnalyzeHeadLeft'>";
							infoContext += "<ul>";
							infoContext += "<li>";
							infoContext += "<h4>平均分</h4>";
							infoContext += "<p class='headred'>" + data.total_avg;
							infoContext += " 分 </p>";
							infoContext += "</li>";
							infoContext += "<li>";
							infoContext += "<h4>排名</h4>";
							infoContext += "<p>"+ data.rank +"</p>";
							infoContext += "</li>";
							infoContext += "<li>";
							infoContext += "<h4>排名变化</h4>";
							infoContext += "<p>"+ data.rankChange +"</p>";
							infoContext += "</li>";
							infoContext += "</ul>";
							infoContext += '</div>';
							infoContext += "<div class='summarizingHeadRight'>";
							infoContext += "<span>"+ data.cla_nm +"</span>";
							infoContext += "<span>班主任："+ data.tea_nm +"</span>";
							infoContext += "<span>人数："+ data.capita +"</span>";
							infoContext += "</div>";
							
							$(".class-total-entrance").html(infoContext);
						}else{
							infoContext += data.msg;
						}
					}
				});
			}
			/* 班级中各科目情况 */
			function findClassSubInfo(claId,examId){
				$.ajax({
					type: "get",
					url: url + "/classScoreAnalyze/selectClassSubInfo",
					data: {
						claId:claId,
						examId:examId
					},
					success: function(data) {
						var subInfoContext = ""
						console.log(data);
						if(data.code == 1001){
							//"<ul id="subInfo">"
							var sars = data.sars;  //查询当前班级当前考试所有科目信息
							for(var i = 0; i < sars.length ; i++){
								subInfoContext += "<li>"
								subInfoContext += "<div class='listTitle headtop'>"
								subInfoContext += "<span class='titleLeft'>"+ sars[i].subNm +"</span>"
								subInfoContext += "<div class='titleRight'>任课老师：" + sars[i].teaNm + "</div>"
								subInfoContext += "</div>"
								subInfoContext += "<div class='listTitleCon'>"
								subInfoContext += "<div class='listTitleConLeft'>"+ sars[i].average +" &nbsp;分</div>"
								subInfoContext += "<div class='ClasslistTitleConRight'>"
								subInfoContext += "<p>排名:&nbsp;&nbsp;"+ sars[i].ranking +"</p>"
								subInfoContext += "<p>变化:&nbsp;&nbsp;"+ sars[i].rankingChanges +"</p>"
								subInfoContext += "</div>"
								subInfoContext += "</div>"
								subInfoContext += "<div class='probability'>"
								subInfoContext += "<ul>"
								subInfoContext += "<li>优秀率："+ sars[i].excellentRate +"% ("+ sars[i].excellentNum +"人)</li>"
								subInfoContext += "<li>良好率："+ sars[i].goodRate +"% ("+ sars[i].goodNum +"人)</li>"
								subInfoContext += "<li>及格率："+ sars[i].passRate +"% ("+ sars[i].passNum +"人)</li>"
								subInfoContext += "</ul>"
								subInfoContext += "</div>"
								subInfoContext += "<div class='listTitle'>"
								subInfoContext += "<span class='titleLeft'>最高分："+ sars[i].maxScore +"</span>"
								subInfoContext += "<div class='titleRight titleRightRED'>最低分："+ sars[i].minScore +"</div>"
								subInfoContext += "</div>"
								subInfoContext += "</li>"
							}
						}else{
							subInfoContext += data.msg;
						}
						$('#subInfo').html(subInfoContext)
					}
				});
			}
			 
			 //给确定按钮绑定单击事件
			 $('#ensure').click(function(){
				 //获取框中选定的值
				 claId = $("#el-select-class").eq(0).val();
				 examId = $("#el-select-exam").eq(0).val();
				 //调用查询班级总分平均分/班级名称/班主任/人数/平均分排名/排名变化
				 findExamClassInfo(claId,examId);
				 //班级中各科目情况
				 findClassSubInfo(claId,examId);
				 
				 $(".dialog").hide()
			 })
		})
		
	</script>
	<!-- AppUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock and App.js -->
	<script src="assets/js/core/jquery.min.js"></script>
	<script src="assets/js/core/bootstrap.min.js"></script>
	<script src="assets/js/core/jquery.slimscroll.min.js"></script>
	<script src="assets/js/core/jquery.scrollLock.min.js"></script>
	<script src="assets/js/core/jquery.placeholder.min.js"></script>
	<script src="assets/js/app.js"></script>
	<script src="assets/js/app-custom.js"></script>

	<!-- Page Plugins -->
	<script src="assets/js/plugins/slick/slick.min.js"></script>
	<script src="assets/js/plugins/chartjs/Chart.min.js"></script>
	<script src="assets/js/plugins/flot/jquery.flot.min.js"></script>
	<script src="assets/js/plugins/flot/jquery.flot.pie.min.js"></script>
	<script src="assets/js/plugins/flot/jquery.flot.stack.min.js"></script>
	<script src="assets/js/plugins/flot/jquery.flot.resize.min.js"></script>

	<!-- Page JS Code -->
	<script src="assets/js/pages/index.js"></script>
	<script>
		$(function() {
			// Init page helpers (Slick Slider plugin)
			App.initHelpers('slick');
		});
	</script>
</html>
